
        <div class="wrap-content">
          <div class="accor">
            <?php foreach($list_faq as $item):?>
            <div class="a1">
              <h2 class="current"> <?php echo $item['question']?><span></span> </h2>
              <div class="answer">
                <p> <?php echo $item['answer']?> </p>
              </div>
            </div>
            <?php endforeach ?>
          </div>
        </div>
        </div>
        
<script type="text/javascript">
$(document).ready(function(){
		
	  $(".answer").hide();
	  $(".answer:first").show();
	  
	  //toggle the componenet
	  $(".a1 h2").click(function()
	  {
		 
		 if($(this).hasClass("current")) {
			$(this).siblings(".answer").show();
			$(this).removeClass("current");
			$(this).next(".answer").slideToggle("slow");
		 }else{
			$(this).siblings(".answer").hide();
			$(this).addClass("current");
			$(this).next(".answer").slideToggle("slow");
		 }
	  });
	  
});
</script> 